/* /StudX_dir/StudX/static/css/MyStyle.css */

@import url('https://fonts.googleapis.com/css?family=Caveat|Nothing+You+Could+Do');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/* ---------------------------------------------------
    BODY
----------------------------------------------------- */

body {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.text-aqua {
	color: #00c0ef !important;
}

/* ---------------------------------------------------
    BRAND
----------------------------------------------------- */

#MyBrand {
	font-family: 'Nothing You Could Do', cursive;
	font-size: 2em;
	padding-right: 20px;
	padding-bottom: 0em;
	padding-top: 0em;
}

/* ---------------------------------------------------
    LINK
----------------------------------------------------- */

a,
a:hover,
a:focus {
    color: #47bac1; 
    text-decoration: none;
    transition: all 0.3s;
}

/* ---------------------------------------------------
    TABLE STYLE
----------------------------------------------------- */

.mytable {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid #d7dfe3;
	margin-bottom: 0rem;
	max-width: 1063px;
}

.table-outline {
	border: 1px solid #c8ced3;
}

/* ---------------------------------------------------
    PROFILE
----------------------------------------------------- */

h4.profile-username {
	margin-top: 5px !important;
	
}

.avatar {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 36px
}

.avatar .avatar-status {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid #3a4149;
	border-radius: 50em;
}

.avatar>img {
	vertical-align: initial;
}

.avatar-lg {
	position: relative;
	display: inline-block;
	width: 72px;
	height: 72px
}

.avatar-lg .avatar-status {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #3a4149;
	border-radius: 50em
}

.avatar-sm {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px
}

.avatar-sm .avatar-status {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #3a4149;
	border-radius: 50em
}

.avatar-xs {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px
}

.avatar-xs .avatar-status {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #3a4149;
	border-radius: 50em
}

.avatars-stack .avatar {
	margin-right: -18px;
	transition: margin-right .25s
}

.avatars-stack .avatar:hover {
	margin-right: 0
}

.avatars-stack .avatar-lg {
	margin-right: -36px
}

.avatars-stack .avatar-sm {
	margin-right: -12px
}

.avatars-stack .avatar-xs {
	margin-right: -10px
}

.img-avatar,
.avatar>img,
.img-circle {
	max-width: 100%;
	height: auto;
	border-radius: 50em;
}



/* ---------------------------------------------------
    ACCORDION - BOOTSTRAP 4
----------------------------------------------------- */
  
.myacc {
		padding-top:1rem;
}


/* ---------------------------------------------------
    TABS - BOOTSTRAP 4
----------------------------------------------------- */
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.tabs-bordered {
  border-bottom: 2px solid rgba(128, 137, 142, 0.2) !important;
}

.tabs-bordered .nav-item {
  margin-bottom: -2px;
}

.tabs-bordered li a, .tabs-bordered li a:hover, .tabs-bordered li a:focus {
  border: 0 !important;
  padding: 10px 20px !important;
}

.tabs-bordered li a.active {
  border-bottom: 2px solid #039cfd !important;
}


.nav-link.active {
    color: #495057;
    background-color: #fff;
    /* border-color: #dee2e6 #dee2e6 #fff; */
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
}

.tab-content {
	padding: 10px;
	background: #fff;
	/* border: 1px solid rgba(0,0,0,.125); */	
}

.nav-tabs-custom>.nav-tabs>li:first-of-type {
    margin-left: 0;
}

.nav-tabs-custom>.nav-tabs {
    margin: 0;
    border-bottom-color: #f4f4f4;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

/* ---------------------------------------------------
    BADGE - BOOTSTRAP 4
----------------------------------------------------- */

/* .nav-tabs .nav-item .nav-link .badge { */
    /* position: absolute; */
    /* margin-left: 0.75rem; */
    /* top: 0.3rem; */
    /* font-weight: 400; */
    /* font-size: 0.5rem; */
/* } */

/* Used for notifications counters */

.custom-badge {
   position:relative;
}

.custom-badge[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:0.1rem;
   right:-1px;
   font-size:.7em;
   background:#dc3545;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}	

/* ---------------------------------------------------
    CHECKBOX SLIDER - BOOTSTRAP 4
----------------------------------------------------- */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float:left;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input.default:checked + .slider {
  background-color: #444;
}
input.primary:checked + .slider {
  background-color: #2196F3;
}
input.success:checked + .slider {
  background-color: #8bc34a;
}
input.info:checked + .slider {
  background-color: #3de0f5;
}
input.warning:checked + .slider {
  background-color: #FFC107;
}
input.danger:checked + .slider {
  background-color: #f44336;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* ---------------------------------------------------
    CARD - BOOTSTRAP 4
----------------------------------------------------- */

.card-header > i {
    margin-right: .5rem;
}


/* ---------------------------------------------------
    FONTAWESOME
----------------------------------------------------- */
.sidebar .nav-item .nav-link .nav-icon{
    margin: 0 .5rem 0 0;
}

